$(function(){
  //发起请求
  getUserInfo();
   const layer = layui.layer

   // 点击按钮，实现退出功能
   $('#btnLogout').on('click', function() {
     // 提示用户是否确认退出
     layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
    
       // 1. 清空本地存储中的 token
       localStorage.removeItem('token')
       // 2. 重新跳转到登录页面
       location.href = '/login.html'
 
       // 关闭 confirm 询问框
       layer.close(index)
     })
   })


})
// 渲染用户头像  也要写在外面
function renderAvatar(user){
// console.log(user);
// 获取用户头像和登录名 渲染欢迎昵称
const username = user.nickname || user.username;
$(`#welcome`).html(`欢迎 ${username}`);
console.log(user);
if(user.user_pic){
  // 渲染图片头像 优先图片头像
  // user_pic 未定
  $(`.layui-nav-img`).attr(`src`,user.user_pic).show();
  $(`.text-avatar`).hide();
}else {
  // 渲染文本头像 大写首字母(字符串转大写)
  $(`.layui-nav-img`).hide();
  const firstName = username[0].toUpperCase();
  $(`.text-avatar`).html(firstName);
}



}
//一定要写在外面
// 获取用户的基本信息
function getUserInfo(){
  $.ajax({
    url:"/my/userinfo",
    method:`GET`,
    // headers 就是请求头配置对象
    // headers: {
    //  Authorization:localStorage.getItem(`token`)
    // },
    success(res){
      console.log(res)
      if (res.status !==0 ){
        return layer.msg(res.message);
      }
      // 调用渲染头像和昵称的函数
      renderAvatar(res.data);
    },
    // 不论成功还是失败，最终都会调用 complete 回调函数
  
})
}
